.default-transition {
    transition: all 0.3s ease-in-out !important;
    /*  -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -ms-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;*/
}

.g2_btn {
    background-color: #258E73;
    color: #fff;
}

#s4-bodyContainer {
    padding-bottom: 0px;
}

.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 15px;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
}

.hamburger-box {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 24px;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 30px;
    height: 3px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: #258e73;
}

.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
}

    .hamburger-inner:before {
        top: -10px;
    }

    .hamburger-inner:after {
        bottom: -10px;
    }

    .hamburger-inner:after, .hamburger-inner:before {
        display: block;
        content: "";
    }

.hamburger--spin .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

    .hamburger--spin .hamburger-inner::before {
        transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
    }

    .hamburger--spin .hamburger-inner::after {
        transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

.hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .hamburger--spin.is-active .hamburger-inner::before {
        top: 0;
        opacity: 0;
        transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    }

    .hamburger--spin.is-active .hamburger-inner::after {
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    outline: none !important;
}

:root {
    font-size: 16px;
}

html {
    line-height: 1;
    scroll-behavior: smooth;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th,
td {
    font-weight: normal;
    vertical-align: middle;
}

q,
blockquote {
    quotes: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

a img {
    border: none;
}

a,
a:hover {
    text-decoration: none;
}

    a:focus {
        outline: 0 !important;
        box-shadow: none !important;
    }

/*------- Commons ------*/
/*------- Font face ------*/
@font-face {
    font-family: "nunito light";
    font-style: normal;
    font-weight: normal;
    src: local("nunito light"), url("../../fonts/NunitoSans-Light.woff") format("woff");
}

@font-face {
    font-family: "nunito regular";
    font-style: normal;
    font-weight: normal;
    src: local("nunito regular"), url("../../fonts/NunitoSans-Regular.woff") format("woff");
}

@font-face {
    font-family: "nunito bold";
    font-style: normal;
    font-weight: normal;
    src: local("nunito bold"), url("../../fonts/NunitoSans-Bold.woff") format("woff");
}


@font-face {
    font-family: "sst bold";
    font-style: normal;
    font-weight: normal;
    src: local("nunito bold"), url("/Style%20Library/branding/fonts/SSTArabic-bold.woff2") format("woff");
}

@font-face {
    font-family: "sst bold";
    font-style: normal;
    font-weight: normal;
    src: local("nunito bold"), url("/Style%20Library/branding/fonts/SSTArabic-bold.woff2") format("woff");
}

@font-face {
    font-family: "sst medium";
    font-style: normal;
    font-weight: normal;
    src: local("nunito bold"), url("/Style%20Library/branding/fonts/SSTArabic-Medium.woff2") format("woff");
}

@font-face {
    font-family: "sst light";
    font-style: normal;
    font-weight: normal;
    src: local("nunito bold"), url("/Style%20Library/branding/fonts/SSTArabic-Roman.woff2") format("woff");
}






::-webkit-scrollbar {
    width: 5px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #258E73;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #258E73;
    }

::selection {
    background: #258E73;
    color: #fff;
}

.landing {
    font-family: "Raleway SemiBold";
    display: flex;
    align-items: center;
    width: 100%;
    height: 100vh;
    background: #ffffff url("../../images/landing.jpg") no-repeat;
    background-size: cover;
    background-position: center center;
}

    .landing .btns_wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-basis: 100%;
        margin: 0 100px;
    }

@media (max-width: 768px) {
    .landing .btns_wrap {
        background: rgba(255, 255, 255, 0.8);
        padding: 50px 30px;
        margin: 0 50px;
        justify-content: space-around;
    }
}

@media (max-width: 500px) {
    .landing .btns_wrap {
        flex-direction: column;
        padding: 30px;
    }
}

.landing .btns_wrap .lang_btn {
    display: flex;
    box-shadow: 5px 5px 15px #b3afaf;
    margin: 10px 0;
}

    .landing .btns_wrap .lang_btn span {
        background-color: #ffffff;
        color: #3E5C76;
        font-size: 18px;
        padding: 15px 20px;
        min-width: 100px;
        text-align: center;
        transition: all 0.3s ease-in-out;
    }

@media (min-width: 1400px) {
    .landing .btns_wrap .lang_btn span {
        font-size: 22px;
        padding: 20px 25px;
    }
}

.landing .btns_wrap .lang_btn img {
    background-color: #3E5C76;
    padding: 15px 10px;
    transition: all 0.3s ease-in-out;
}

.landing .btns_wrap .lang_btn:hover span {
    background-color: #3E5C76;
    color: #ffffff;
    transition: all 0.3s ease-in-out;
}

.landing .btns_wrap .lang_btn:hover img {
    background-color: #324c63;
    transition: all 0.3s ease-in-out;
}

body {
    /*font-family: "Raleway Regular";*/
    overflow: auto;
    font-family: "nunito regular";
}

#s4-workspace {
    height: auto !important;
}

@media (max-width: 768px) {
    .container,
    .container-sm {
        max-width: 90%;
    }
}

header.water_hdr {
    position: absolute;
    width: 100%;
    z-index: 99;
}

    header.water_hdr .top_right_header > div {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

        header.water_hdr .top_right_header > div .dropdown-menu {
            border-radius: 0;
            padding: 0;
        }

            header.water_hdr .top_right_header > div .dropdown-menu a {
                padding: 12px 15px;
                color: #000000;
            }

                header.water_hdr .top_right_header > div .dropdown-menu a:active {
                    background-color: #258E73;
                    color: #ffffff;
                }

    header.water_hdr .top_right_header .media_list {
        display: flex;
        align-items: center;
        color: #ffffff;
    }

        header.water_hdr .top_right_header .media_list > div.img_out {
            background-color: rgba(255, 255, 255, 0.4);
            padding: 5px;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            text-align: center;
            line-height: 22px;
            margin-right: 8px;
        }

            header.water_hdr .top_right_header .media_list > div.img_out img {
                width: 15px;
                height: 15px;
            }

        header.water_hdr .top_right_header .media_list > div.lang img {
            width: 20px;
            height: 20px;
            margin: 5px 5px 0;
        }

    header.water_hdr .top_right_header .dropdown-toggle::after {
        position: absolute;
        right: -5px;
        top: 22px;
        border-top: 0.3em solid #ffffff;
    }

    header.water_hdr .hdr_wrapper {
        position: relative;
        background-color: #fff;
        display: flex;
        align-items: center;
        height: 70px;
        box-shadow: 0px 5px 5px rgba(12, 108, 81, 0.08);
    }

        header.water_hdr .hdr_wrapper .logo_brand {
            flex-basis: 20%;
            margin-left: -20px;
            background-color: #ffffff;
            clip-path: polygon(0 0, 97.5% 0, 100% 100%, 4.5% 100%);
            height: 70px;
        }

@media (max-width: 990px) {
    header.water_hdr .hdr_wrapper .logo_brand {
        flex-basis: auto;
        display: flex;
        align-items: center;
        clip-path: none;
        margin-left: 0;
    }

        header.water_hdr .hdr_wrapper .logo_brand img {
            width: 80% !important;
        }
}

@media (max-width: 600px) {
    header.water_hdr .hdr_wrapper .logo_brand {
        flex-basis: 55%;
    }

        header.water_hdr .hdr_wrapper .logo_brand img {
            width: 80% !important;
        }
}

header.water_hdr .hdr_wrapper .logo_brand img {
    width: 100%;
    margin-left: 8px;
    height: 60px;
}

header.water_hdr .hdr_wrapper .navBar-nav {
    margin: 0 10px;
}

header.water_hdr .hdr_wrapper .hamburger {
    display: none;
    cursor: pointer;
}

@media (max-width: 990px) {
    header.water_hdr .hdr_wrapper .hamburger {
        display: block;
    }
}

@media (min-width: 319px) and (max-width: 991px) {
    header.water_hdr .hdr_wrapper .navBar-nav {
        display: none;
        position: absolute;
        top: 70px;
        left: 0px;
        width: 100%;
        margin: 0;
        z-index: -1;
        box-shadow: 0px 7px 20px rgba(19, 36, 50,0.15);
    }


        header.water_hdr .hdr_wrapper .navBar-nav ul {
            display: flex;
            flex-direction: column;
            background: #fff;
            min-width: 250px;
            width: 100% !important;
        }

            header.water_hdr .hdr_wrapper .navBar-nav ul li {
                padding: 13px !important;
                border-bottom: 1px solid #f4f2f2;
            }

                header.water_hdr .hdr_wrapper .navBar-nav ul li:hover {
                    background-color: #e9e9e9;
                }
}

header.water_hdr .hdr_wrapper .navBar-nav ul li {
    padding: 0 5px;
}

    header.water_hdr .hdr_wrapper .navBar-nav ul li a {
        color: #000000;
        font-size: 14px;
    }

    header.water_hdr .hdr_wrapper .navBar-nav ul li.has-popup ul {
        min-width: 150px;
        top: 44px !important;
    }

@media (max-width: 990px) {
    header.water_hdr .hdr_wrapper .navBar-nav ul li.has-popup ul {
        top: 0px !important;
        left: 100% !important;
        box-shadow: none;
    }
}

header.water_hdr .hdr_wrapper .navBar-nav ul li.has-popup ul li {
    padding: 15px;
    border-bottom: 1px solid #e9e9e9;
}

header.water_hdr .hdr_wrapper .navBar-nav.is-opened {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in-out;
}

header.water_hdr .hdr_wrapper nav {
    padding: 0;
}

@media (max-width: 990px) {
    header.water_hdr .hdr_wrapper nav {
        flex-basis: 70%;
    }
}

@media (max-width: 990px) {
    header.water_hdr .hdr_wrapper nav .navbar-collapse {
        position: absolute;
        top: 35px;
        width: 100%;
        background: #fff;
        box-shadow: 0 5px 35px rgba(0, 0, 0, 0.15);
    }
}

@media (max-width: 990px) {
    header.water_hdr .hdr_wrapper nav .nav-item:hover {
        background: #258e73;
        transition: all 0.3s ease-in-out;
    }

        header.water_hdr .hdr_wrapper nav .nav-item:hover:hover .nav-link {
            color: #ffffff;
        }
}

header.water_hdr .hdr_wrapper nav .nav-item .nav-link {
    padding: 0 5px;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
}

@media (max-width: 990px) {
    header.water_hdr .hdr_wrapper nav .nav-item .nav-link {
        font-size: 14px;
        padding: 1rem 1rem;
        text-align: center;
    }
}

@media (max-width: 600px) {
    header.water_hdr .hdr_wrapper nav .nav-item .nav-link {
        padding: 1rem 0;
    }
}

@media (min-width: 991px) {
    header.water_hdr .hdr_wrapper nav .nav-item .nav-link::after {
        content: "|";
        padding-left: 7px;
    }
}

header.water_hdr .hdr_wrapper nav .nav-item:last-of-type .nav-link::after,
header.water_hdr .hdr_wrapper nav .nav-item:nth-last-child(2) .nav-link::after {
    content: "";
}

header.water_hdr .hdr_wrapper .search_right {
    clip-path: polygon(0 0, 81% 0, 100% 100%, 19% 100%);
    width: 80px;
    height: 70px;
    text-align: center;
    line-height: 92px;
    margin-left: auto;
    margin-right: -20px;
    background-color: #F0D283;
    /* &::before {
                content: "";
                border-top: 75px solid $main_baige;
                border-bottom: 0;
                border-left: 20px solid transparent;
                position: absolute;
                top: 0;
                left: -20px;
            }*/
}

@media (max-width: 990px) {
    header.water_hdr .hdr_wrapper .search_right {
        clip-path: none;
        background-color: #ffffff;
        line-height: 85px;
    }

        header.water_hdr .hdr_wrapper .search_right img {
            width: 24px;
        }
}

header.water_hdr .hdr_wrapper .input_search {
    display: none;
    min-width: 60%;
    background: #fff;
    padding: 20px;
    position: absolute;
    right: 0px;
    top: 70px;
    z-index: -1;
}

@media (max-width: 600px) {
    header.water_hdr .hdr_wrapper .input_search {
        width: 100%;
        min-width: auto;
        padding: 10px;
    }
}

header.water_hdr .hdr_wrapper .input_search .form-inline .form-group {
    flex: 1;
}

    header.water_hdr .hdr_wrapper .input_search .form-inline .form-group input {
        border-radius: 0;
        flex-basis: 100%;
    }

header.water_hdr .hdr_wrapper .input_search .form-inline button {
    border-radius: 0;
    background-color: #258E73;
    border-color: #258E73;
}

header.water_hdr .hdr_wrapper .input_search .form-inline .go-to-advanced-Search {
    margin-inline-start: 10px;
    background-color: #5d7a93;
    border-color: #5d7a93;
}

@media (max-width: 600px) {
    header.water_hdr .hdr_wrapper .input_search .form-inline .go-to-advanced-Search {
        display: none;
    }
}

header.water_hdr .hdr_wrapper .input_search.open {
    display: block;
}

/*.flags_section {
  background: #ffffff url("../../images/en-US/hero_bg_india.jpg?v=1") no-repeat;
  background-size: cover;
  background-position: center 0px;
  width: 100%;
  height: 100vh;
   }*/

@media (max-width: 600px) {
    .flags_section {
        /*background: $white url("../../images/hero_bg_italy_small.jpg") no-repeat;*/
        background-size: cover;
        background-position: center center;
    }
}

.header_sec {
    background: #ffffff url("../../images/header_bg.jpg") no-repeat;
    background-size: cover;
    background-position: center 0px;
    width: 100%;
    height: 300px;
    display: flex;
    /*justify-content: center;*/
    align-items: flex-end;
}

    .header_sec .over_header {
        background-color: #ffffff;
        /*padding: 20px;*/
        transform: translateY(35px);
        box-shadow: 0px 5px 5px rgba(12, 108, 81, 0.08);
        position: relative;
        z-index: 88;
    }

        .header_sec .over_header .breadcrumb {
            background: none;
            padding: 0;
            margin-bottom: 20px;
        }

            .header_sec .over_header .breadcrumb span {
                font-size: 15px;
                padding: 0 6px;
            }

                .header_sec .over_header .breadcrumb span a.ms-sitemapdirectional {
                    color: #258E73;
                }

                .header_sec .over_header .breadcrumb span.breadcrumb-separator {
                    font-weight: bold;
                    color: #b3afaf;
                }

                .header_sec .over_header .breadcrumb span:first-child {
                    display: none;
                }

                .header_sec .over_header .breadcrumb span:nth-child(2) {
                    display: none;
                }

        .header_sec .over_header h1.page-title {
            color: #3E5C76;
            font-size: 1.4rem;
            padding: 15px;
            font-family: 'nunito bold';
        }

.water_footer {
    background: #ffffff url("../../images/footer_bg.jpg") no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 220px;
}

    .water_footer .footer_top {
        display: flex;
        align-items: center;
        padding: 40px 0;
        justify-content: space-between;
        /*border-bottom: 1px solid #204957;*/
    }

@media (max-width: 990px) {
    .water_footer .footer_top {
        align-items: flex-end;
    }
}

@media (max-width: 600px) {
    .water_footer .footer_top {
        flex-direction: column;
        align-items: center;
    }

        .water_footer .footer_top .footer_logo {
            margin-bottom: 20px;
        }
}

.water_footer .footer_top .mailing_list {
    display: flex;
    align-items: center;
    position: relative;
}

@media (max-width: 990px) {
    .water_footer .footer_top .mailing_list {
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    .water_footer .footer_top .mailing_list {
        margin-bottom: 20px;
    }
}

.water_footer .footer_top .mailing_list .inline_heading {
    display: flex;
    align-items: center;
}

    .water_footer .footer_top .mailing_list .inline_heading img {
        width: 30px;
        height: 30px;
    }

@media (max-width: 990px) {
    .water_footer .footer_top .mailing_list .inline_heading img {
        margin-bottom: 15px;
    }
}

.water_footer .footer_top .mailing_list .inline_heading h3 {
    color: #ffffff;
    margin: 0 10px;
    font-size: 1.3rem;
}

@media (max-width: 990px) {
    .water_footer .footer_top .mailing_list .inline_heading h3 {
        margin-bottom: 15px;
    }
}

.water_footer .footer_top .mailing_list .form-inline {
    white-space: nowrap;
}

.water_footer .footer_top .mailing_list .form-group {
    margin: 0;
    position: relative;
}

    .water_footer .footer_top .mailing_list .form-group .form-control {
        border-radius: 25px 0px 0px 25px;
        min-width: 350px;
        border: 0;
        height: 40px;
    }

@media (max-width: 990px) {
    .water_footer .footer_top .mailing_list .form-group .form-control {
        min-width: auto;
    }
}

.water_footer .footer_top .mailing_list button {
    border-radius: 0px 25px 25px 0px;
    min-width: 100px;
    background-color: #F0D283;
    border-color: #F0D283;
    color: #000000;
    height: 40px;
    margin: 0;
}

.water_footer .footer_top .footer_social {
    display: none;
}

    .water_footer .footer_top .footer_social ul {
        display: flex;
        align-items: center;
    }

        .water_footer .footer_top .footer_social ul li {
            padding: 0 10px;
        }

            .water_footer .footer_top .footer_social ul li img {
                width: 25px;
                height: 25px;
            }

.water_footer .footer_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0 0;
    flex-direction: column;
}

@media (max-width: 990px) {
    .water_footer .footer_bottom {
        flex-direction: column;
        justify-content: center;
        padding: 20px 0;
    }
}

.water_footer .footer_bottom .footer_logo {
    width: 200px;
}

@media (max-width: 600px) {
    .water_footer .footer_bottom .footer_logo {
        width: 180px;
    }
}

.water_footer .footer_bottom .g20_logo {
    width: 100px;
}

@media (max-width: 600px) {
    .water_footer .footer_bottom .g20_logo {
        width: 70px;
    }
}

.water_footer .footer_bottom .footer_bottom-links {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #2b5f70;
    padding-bottom: 30px;
}

@media (max-width: 990px) {
    .water_footer .footer_bottom .footer_bottom-links {
        margin-bottom: 20px;
    }
}

@media (max-width: 600px) {
    .water_footer .footer_bottom .footer_bottom-links {
        flex-wrap: wrap;
        justify-content: center;
        line-height: 1.4;
    }
}

.water_footer .footer_bottom .footer_bottom-links li a {
    color: #ffffff;
    margin-right: 10px;
    font-size: 0.8rem;
}

.water_footer .footer_bottom p.copyright {
    color: #e6e6e6;
    font-size: 0.9rem;
    line-height: 1.7;
    text-align: center;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .water_footer .footer_bottom p.copyright {
        font-size: 0.75rem;
    }
}

.main--content {
    padding: 60px 0;
    position: relative;
    background-color: #f7f7f7;
    min-height: 400px;
}

.popover-body {
    border-bottom: 3px solid #258E73;
}

.popover .arrow::after {
    border-top-color: #258E73;
}

.label-title + .word-left-count {
    display: inline-block;
    margin-left: 5px;
    font-size: 0.7rem;
}

.form-group {
    margin-bottom: 30px;
}

    .form-group .label-title-container {
        display: flex;
        align-items: center;
    }

        .form-group .label-title-container a.popover_btn {
            margin-left: auto;
        }

            .form-group .label-title-container a.popover_btn img {
                width: 35px;
                height: 35px;
            }

    .form-group .label-title {
        font-size: 18px;
        margin: 10px 0;
        display: block;
        color: #404040;
        font-family: 'nunito bold';
    }

    .form-group input.form-control, .form-group select.form-control {
        background-color: #FFFDF9;
        border: 1px solid #D9D7D4;
        border-radius: 0;
        width: 100% !important;
    }

        .form-group input.form-control:focus, .form-group select.form-control:focus {
            box-shadow: none;
        }

    .form-group .btn {
        margin-left: 0;
        /*margin-right: 10px;*/
        border-radius: 0;
        padding: 10px 15px;
        font-size: 16px;
        margin-top: 37px;
        height: 40px;
        line-height: 15px;
    }

        .form-group .btn:disabled {
            background-color: #258E73;
            color: #e4e4e4;
        }

    .form-group .btn-primary {
        background: #258E73;
        border-color: #258E73;
        color: #ffffff;
        margin-right: 10px;
    }

        .form-group .btn-primary:focus {
            background: #258E73;
            border-color: #258E73;
            outline: 0;
        }

        .form-group .btn-primary:hover {
            background: #258E73;
            border-color: #258E73;
            outline: 0;
        }

        .form-group .btn-primary:active {
            background: #258E73 !important;
            border-color: #258E73 !important;
        }

    .form-group .btn-danger {
        background: #BC2126;
        border-color: #ef2b2b;
        color: #ffffff;
        border-radius: 0;
        padding: 10px 15px;
        font-size: 16px;
        /*margin-top: 30px;*/
        margin-right: 0;
    }

        .form-group .btn-danger:focus {
            background: #BC2126;
            border-color: #BC2126;
            outline: 0;
        }

        .form-group .btn-danger:hover {
            background: #BC2126;
            border-color: #BC2126;
            outline: 0;
        }

        .form-group .btn-danger:active {
            background: #BC2126 !important;
            border-color: #BC2126 !important;
        }

    .form-group .btn-small {
        height: 30px;
        line-height: 8px;
    }

    .form-group span.error {
        display: block;
        color: #ef2b2b;
        margin: 10px 0 0;
        position: absolute;
        left: 0;
        bottom: -22px;
        font-size: 14px;
    }

        .form-group span.error.error-2-lines {
            bottom: -33px;
        }

        .form-group span.error[style*="display: inline;"] ~ .form-control {
            border: 1px solid #BC2126;
            box-shadow: 0px 0px 5px #efb5b5;
        }

    .form-group .radio-button-list-h {
        display: flex;
        flex: 1;
        height: auto;
        background-color: #FFFDF9;
        border: 1px solid #D9D7D4;
        border-radius: 0;
    }

@media (max-width: 768px) {
    .form-group .radio-button-list-h {
        flex-wrap: wrap;
    }
}

.form-group .radio-button-list-h li {
    flex-basis: 32%;
    padding: 15px 10px;
    /*margin: 0 10px;*/
}

@media (max-width: 768px) {
    .form-group .radio-button-list-h li {
        flex-basis: 100%;
    }
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    input[type='radio'] {
        --active: #258E73;
        --active-inner: #fff;
        --focus: 2px rgba(39, 94, 254, 0.3);
        --border: #BBC1E1;
        --border-hover: #258E73;
        --background: #fff;
        --disabled: #F6F8FF;
        --disabled-inner: #E1E6F9;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 21px;
        outline: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        cursor: pointer;
        border: 1px solid var(--bc, var(--border));
        background: var(--b, var(--background));
        transition: background .3s, border-color .3s, box-shadow .2s;
    }

        input[type='radio']:after {
            content: '';
            display: block;
            left: 0;
            top: 0;
            position: absolute;
            transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
        }

        input[type='radio']:checked {
            --b: var(--active);
            --bc: var(--active);
            --d-o: .3s;
            --d-t: .6s;
            --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
        }

        input[type='radio']:disabled {
            --b: var(--disabled);
            cursor: not-allowed;
            opacity: .9;
        }

            input[type='radio']:disabled:checked {
                --b: var(--disabled-inner);
                --bc: var(--border);
            }

            input[type='radio']:disabled + label {
                cursor: not-allowed;
            }

        input[type='radio']:hover:not(:checked):not(:disabled) {
            --bc: var(--border-hover);
        }

        input[type='radio']:focus {
            box-shadow: 0 0 0 var(--focus);
        }

        input[type='radio']:not(.switch) {
            width: 21px;
        }

            input[type='radio']:not(.switch):after {
                opacity: var(--o, 0);
            }

            input[type='radio']:not(.switch):checked {
                --o: 1;
            }

        input[type='radio'] + label {
            font-size: 16px;
            line-height: 24px;
            display: inline-block;
            vertical-align: top;
            cursor: pointer;
            margin-left: 5px;
        }

    input[type='radio'] {
        border-radius: 50%;
    }

        input[type='radio']:after {
            width: 19px;
            height: 19px;
            border-radius: 50%;
            background: var(--active-inner);
            opacity: 0;
            transform: scale(var(--s, 0.7));
        }

        input[type='radio']:checked {
            --s: .5;
        }
}

.msg-box {
    margin-bottom: 20px;
}

    .msg-box .alert {
        display: flex;
        align-items: center;
        border-radius: 0;
    }

        .msg-box .alert button {
            width: 20px;
            min-width: auto;
            margin-left: auto;
        }

    .msg-box .alert-success::before {
        content: '';
        background: url("../../images/success.svg") no-repeat;
        background-size: contain;
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    .msg-box .alert-danger::before {
        content: '';
        background: url("../../images/cancel.svg") no-repeat;
        background-size: contain;
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    .msg-box .alert-warning::before {
        content: '';
        background: url("../../images/warning.svg") no-repeat;
        background-size: contain;
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    .msg-box .alert-info::before {
        content: '';
        background: url("../../images/information.svg") no-repeat;
        background-size: contain;
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

.select2 .selection {
    margin-bottom: 0 !important;
}

.select2-selection {
    height: 40px !important;
    border-radius: 0 !important;
    border: 1px solid #D9D7D4 !important;
    background-color: #FFFDF9 !important;
    margin-bottom: 0 !important;
}

.select2-selection__rendered {
    margin-bottom: 0 !important;
    height: 40px !important;
    line-height: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 7px;
    left: auto;
    right: 1px;
    width: 20px;
}

.water_loader.show {
    display: block;
}

.water_loader {
    position: absolute;
    width: 100%;
    height: 95%;
    top: 5%;
    z-index: 999;
    background: rgba(255, 255, 255, 0.6);
    display: none;
}

.load-wrapp {
    width: 100%;
    height: 100%;
    margin: 0 10px 10px 0;
    padding: 20px 20px 20px;
    border-radius: 5px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.6);
    position: absolute;
    z-index: 99999;
    display: block;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

    .load-wrapp svg {
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .load-wrapp img {
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-40%, -60%);
        width: 50px;
    }

.vertifiation {
    max-width: 600px;
    margin: 0 auto;
    background: #F9F9F9;
    padding: 40px;
}

    .vertifiation .verified_txt {
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-bottom: 20px;
    }

        .vertifiation .verified_txt img {
            margin-bottom: 20px;
        }

        .vertifiation .verified_txt .text-sent {
            font-size: 18px;
            text-align: center;
            line-height: 1.4;
        }

            .vertifiation .verified_txt .text-sent .sent-mail {
                color: #258E73;
                display: block;
                font-family: 'Arial';
                font-weight: bold;
                margin: 5px 0;
            }

.main-search.inner h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    margin: 0 !important;
}

.main-search.inner .serach-criteria {
    padding: 10px;
    background: #ffffff;
    /* border: 1px solid #F0D283;*/
    box-shadow: 0px 5px 15px #e7e8e8;
    transform: none;
    padding: 15px;
}

@media (max-width: 600px) {
    .main-search.inner .serach-criteria .col {
        flex-basis: 100%;
    }
}

.table-list {
    margin-top: 20px;
}

    .table-list .table thead {
        background-color: #258E73;
        color: #ffffff;
    }

        .table-list .table thead th {
            height: 50px;
        }

    .table-list .table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(0, 0, 0, 0.01);
    }

.news_card {
    background: #FEFCF9;
    box-shadow: 0px 5px 14px #ddd;
    margin-bottom: 20px;
}

    .news_card:hover .img_card img {
        transform: scale(1.05);
        transition: all 0.3s ease-in-out;
    }

    .news_card .img_card {
        height: 200px;
        overflow: hidden;
        position: relative;
    }

        .news_card .img_card::before {
            content: '';
            border-left: 60px solid #F0D283;
            border-top: 50px solid transparent;
            position: absolute;
            left: 0;
            bottom: 0;
            transition: all 0.3s ease-in-out;
        }

        .news_card .img_card img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            transition: all 0.3s ease-in-out;
        }

    .news_card .news_data {
        padding: 15px;
        min-height: 215px;
    }

        .news_card .news_data .news_date {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }

            .news_card .news_data .news_date span {
                margin: 0 10px;
            }

        .news_card .news_data h3 {
            font-size: 1.1rem;
            color: #3E5C76;
            /*font-weight: bold;*/
            line-height: 1.4;
            margin-bottom: 8px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            font-family: 'nunito bold';
        }

        .news_card .news_data p {
            font-size: 0.9rem;
            line-height: 1.4;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

.btn-more {
    margin: 15px 0 10px !important;
    border-radius: 25px;
    background-color: #F0D283 !important;
    border-color: #F0D283 !important;
    color: #000 !important;
}

    .btn-more:focus {
        color: #000;
        text-decoration: none;
    }

.news_title {
    font-weight: bold;
    color: #3E5C76;
    font-size: 1.2rem;
    margin-bottom: 20px;
}

.news-image {
    margin-bottom: 20px;
    height: auto;
    overflow: hidden;
}

@media (max-width: 768px) {
    .news-image {
        height: 300px;
    }
}

@media (max-width: 768px) {
    .news-image {
        height: 250px;
    }
}

.news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news_details {
    padding: 20px;
    background-color: #fff;
}

    .news_details .news_date {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

        .news_details .news_date span {
            margin: 0 10px;
            /*font-weight: bold;*/
            color: #258e73;
            font-family: 'nunito bold';
        }

.news-content p {
    line-height: 1.6;
    margin-bottom: 20px;
}

.news-content div {
    line-height: 1.6;
    margin-bottom: 20px;
}

.page-title {
    line-height: 1.4;
}

@media (max-width: 768px) {
    .page-title {
        font-size: 1.2rem !important;
    }
}

.flags_section {
    /*padding: 150px 0 0;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.country_flags {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: -30px;
}

@media (max-width: 600px) {
    .country_flags {
        margin-top: 0px;
    }
}

.country_flags a {
    margin-bottom: 10px;
}

    .country_flags a img {
        width: 90px;
        transition: all 0.3s ease-in-out;
    }

@media (max-width: 600px) {
    .country_flags a img {
        width: 70px;
    }
}

.country_flags a:hover img {
    width: 95px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}

.main-search {
    margin-bottom: 20px;
}

    .main-search .serach-criteria {
        background: #ffffff;
        border: 0;
        box-shadow: 0px 5px 15px rgba(13, 62, 39, 0.1);
        transform: translateY(-40px);
        padding: 15px;
    }

        .main-search .serach-criteria .label-title {
            font-size: 14px;
            font-weight: normal;
        }

        .main-search .serach-criteria input {
            height: 40px;
        }

        .main-search .serach-criteria .btn {
            margin-top: 34px;
        }

        .main-search .serach-criteria div[class^="col"] {
            padding-left: 5px;
            padding-right: 5px;
        }

@media (max-width: 768px) {
    .main-search .serach-criteria div[class^="col"] {
        flex-basis: 45%;
    }
}

@media (max-width: 600px) {
    .main-search .serach-criteria div[class^="col"] {
        flex-basis: 100%;
    }
}

.main-title {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

    .main-title .btn-add-new {
        margin-left: auto;
        background-color: #BC2126;
        border: 0;
        border-radius: 0;
        display: flex;
        align-items: center;
        color: #fff !important;
    }

        .main-title .btn-add-new img {
            width: 25px;
            margin-right: 10px;
        }

        .main-title .btn-add-new:focus {
            background-color: #BC2126 !important;
            text-decoration: none;
        }

        .main-title .btn-add-new:active {
            background-color: #BC2126 !important;
            text-decoration: none;
        }

    .main-title img {
        width: 30px;
        /*margin-top: -5px;*/
    }

    .main-title h3 {
        margin: 0;
        margin-left: -13px;
    }

.home-slider {
    margin-bottom: 30px;
}

    .home-slider .swiper-button-next {
        bottom: 10px;
        top: auto;
        background: #F0D283;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        padding: 10px;
        right: 10px;
    }

        .home-slider .swiper-button-next::after {
            font-size: 14px;
            color: #000;
        }

    .home-slider .swiper-button-prev {
        bottom: 10px;
        top: auto;
        background: #F0D283;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        padding: 10px;
        right: 70px;
        left: auto;
    }

        .home-slider .swiper-button-prev::after {
            font-size: 14px;
            color: #000;
        }

    .home-slider .slide {
        background-color: #FBFBFB;
        display: flex;
    }

@media (max-width: 768px) {
    .home-slider .slide {
        flex-direction: column;
    }
}

.home-slider .slide .slider-img {
    flex-basis: 40%;
    height: 270px;
}

@media (max-width: 768px) {
    .home-slider .slide .slider-img {
        height: 300px;
    }
}

@media (max-width: 990px) {
    .home-slider .slide .slider-img {
        flex-basis: 40%;
    }
}

.home-slider .slide .slider-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 990px) {
    .home-slider .slide .slider-img img {
        height: 100%;
        object-fit: cover;
    }
}

.home-slider .slide .slider-data {
    flex-basis: 60%;
    padding: 30px;
}

@media (max-width: 990px) {
    .home-slider .slide .slider-data {
        flex-basis: 60%;
    }
}

.home-slider .slide .slider-data .main-title {
    align-items: flex-start;
}

.home-slider .slide .slider-data h3 {
    color: #404040;
    margin-bottom: 10px;
    font-size: 1.3rem;
    line-height: 1.4;
}

.home-slider .slide .slider-data p {
    line-height: 1.5;
    margin-bottom: 20px;
}

.home--header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

    .home--header .btn-all {
        background: none;
        border: 2px solid #F0D283;
        border-radius: 25px;
        display: flex;
        align-items: center;
        margin-left: auto !important;
    }

        .home--header .btn-all span {
            margin: 0 10px;
            color: #000;
        }

.home-news {
    padding: 30px 0;
}

    .home-news .home-news-cards {
        display: flex;
        margin-bottom: 20px;
        background-color: #FBFBFB;
    }

@media (max-width: 768px) {
    .home-news .home-news-cards {
        flex-direction: column;
    }
}

.home-news .home-news-cards .news--img {
    flex-basis: 40%;
    /*height: 170px;*/
}

@media (max-width: 768px) {
    .home-news .home-news-cards .news--img {
        margin-bottom: 20px;
    }
}

.home-news .home-news-cards .news--img img {
    width: 100%;
    max-height: 200px;
    /*height: 100%;*/
    object-fit: cover;
    /*border-radius: 15px;*/
}

.home-news .home-news-cards .news--data {
    flex-basis: 60%;
    padding: 10px;
}

    .home-news .home-news-cards .news--data .news--date {
        color: #828282;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

        .home-news .home-news-cards .news--data .news--date img {
            margin-right: 10px;
            opacity: 0.5;
        }

    .home-news .home-news-cards .news--data h3 {
        font-size: 1rem;
        margin-bottom: 10px;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: bold;
    }

    .home-news .home-news-cards .news--data p {
        font-size: 0.9rem;
        /*margin-bottom: 10px;*/
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.home-news .reverse {
    flex-direction: row-reverse;
}

@media (max-width: 768px) {
    .home-news .reverse {
        flex-direction: row;
    }
}

.about-g20 h3 {
    font-weight: bold;
    color: #3E5C76;
    font-size: 1.3rem;
    margin-bottom: 15px;
}

.about-g20 p {
    line-height: 1.7;
    margin-bottom: 20px;
    font-size: 1.1rem;
}

.about-g20 img {
    width: 100%;
    margin-bottom: 20px;
}

.presidency-year .pres_title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

    .presidency-year .pres_title h3 {
        font-weight: bold;
        color: #3E5C76;
        font-size: 1.3rem;
        line-height: 1.4;
    }

    .presidency-year .pres_title img {
        width: 90px;
    }

.presidency-year .pres_img {
    height: 400px;
    overflow: hidden;
    margin-bottom: 20px;
}

@media (max-width: 600px) {
    .presidency-year .pres_img {
        height: 300px;
    }
}

.presidency-year .pres_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.presidency-year .pres_text p {
    line-height: 1.7;
    margin-bottom: 20px;
    font-size: 1.1rem;
}

.research_list {
    margin-top: 20px !important;
}

    .research_list .research_list--item {
        margin-bottom: 20px;
        box-shadow: 0px 5px 15px #e7e8e8;
    }

        .research_list .research_list--item .list--item-header {
            background-color: #efe0b7;
            display: flex;
            align-items: center;
        }

            .research_list .research_list--item .list--item-header div.img_icon {
                background-color: #F7E8BD;
                padding: 8px;
            }

                .research_list .research_list--item .list--item-header div.img_icon img {
                    width: 45px;
                }

            .research_list .research_list--item .list--item-header .item-heading {
                padding: 8px 15px;
                /*max-width: 470px;*/
            }

                .research_list .research_list--item .list--item-header .item-heading h3 {
                    margin-bottom: 7px;
                    font-size: 1.2rem;
                    font-weight: bold;
                    line-height: 1.4;
                    /*white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;*/
                    font-family: 'nunito bold';
                }

@media (max-width: 600px) {
    .research_list .research_list--item .list--item-header .item-heading h3 {
        font-size: 1rem;
    }
}

.research_list .research_list--item .list--item-header .item-heading a {
    color: #000;
    text-decoration: underline;
}

.research_list .research_list--item .header--tilte-categ .w_dialogue {
    line-height: 1.4;
    background: rgba(255, 255, 255, 0.5);
    padding: 10px;
    margin-bottom: 10px;
    border-left: 3px solid #e4c368;
}

    .research_list .research_list--item .header--tilte-categ .w_dialogue strong {
        font-family: 'nunito bold';
    }

.research_list .research_list--item .header--tilte-categ .item_category {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}

    .research_list .research_list--item .header--tilte-categ .item_category img {
        width: 25px;
    }

    .research_list .research_list--item .header--tilte-categ .item_category span {
        margin: 0 5px;
    }

.research_list .research_list--item .list--item-body {
    padding: 15px;
    background-color: #fff;
    border: 1px solid #FBF4E0;
    border-top: 0;
}

    .research_list .research_list--item .list--item-body p {
        line-height: 1.7;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .research_list .research_list--item .list--item-body .btn-more {
        display: inline-flex;
        align-items: center;
    }

        .research_list .research_list--item .list--item-body .btn-more img {
            margin: 0 10px;
        }

.research_list .list--item-header.full_width {
    padding: 15px;
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    .research_list .list--item-header.full_width {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

.research_list .list--item-header.full_width .item-heading {
    padding: 0;
}

.research_list .list--item-header.full_width .research--status {
    margin-left: auto;
}

@media (max-width: 768px) {
    .research_list .list--item-header.full_width .research--status {
        margin-left: 0;
        margin: 10px 0;
    }
}

.research_list .list--item-header.full_width .research--status > span {
    padding: 10px 15px;
    font-size: 14px;
    background: #ddd;
    border-radius: 25px;
    color: #000000;
    font-weight: bold;
}

@media (max-width: 768px) {
    .research_list .list--item-header.full_width .research--status > span {
        padding: 6px 10px;
    }
}

.research_list .list--item-header.full_width .research--status span.scheduled {
    background-color: #F0D283;
}

.research_list .list--item-header.full_width .research--status span.canceled {
    background-color: #F99898;
}

.research_list .list--item-header.full_width .research--status span.approved {
    background-color: #8EF19E;
}

.research_list .list--item-header.full_width .header--tilte-categ {
    width: 100%;
}

::selection {
    background: #333;
    /* WebKit/Blink Browsers */
}

.research_details {
    box-shadow: 10px 10px 0 #e8e7e7;
}

    .research_details .detail--header {
        display: flex;
        align-items: flex-start;
        padding: 15px;
        background-color: #f7f0dd;
    }

@media (max-width: 768px) {
    .research_details .detail--header {
        flex-direction: column;
    }
}

.research_details .detail--header .detail--header-left {
    /*flex-basis: 80%;*/
    width: 100%;
}

@media (max-width: 768px) {
    .research_details .detail--header .detail--header-left {
        margin-bottom: 10px;
    }
}

.research_details .detail--header .detail--header-left .w_dialogue {
    line-height: 1.4;
    background: rgba(255, 255, 255, 0.5);
    padding: 10px;
    margin-bottom: 10px;
    border-left: 3px solid #e4c368;
}

    .research_details .detail--header .detail--header-left .w_dialogue strong {
        font-family: 'nunito bold';
    }

@media (max-width: 768px) {
    .research_details .detail--header .detail--header-left .d-flex {
        flex-direction: column;
    }
}

.research_details .detail--header .detail--header-left .down_title {
    flex-basis: 80%;
}

@media (max-width: 768px) {
    .research_details .detail--header .detail--header-left .down_title {
        flex-basis: 100%;
    }
}

.research_details .detail--header .detail--header-left .item_category {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}

    .research_details .detail--header .detail--header-left .item_category img {
        width: 25px;
    }

    .research_details .detail--header .detail--header-left .item_category span {
        margin: 0 5px;
    }

.research_details .detail--header .detail--header-left .item-heading {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

@media (max-width: 600px) {
    .research_details .detail--header .detail--header-left .item-heading {
        flex-direction: column;
    }
}

.research_details .detail--header .detail--header-left .item-heading h3 {
    /*margin-bottom: 7px;*/
    font-size: 1.2rem;
    font-family: 'nunito bold';
    line-height: 1.4;
}

@media (max-width: 600px) {
    .research_details .detail--header .detail--header-left .item-heading h3 {
        font-size: 1rem;
    }
}

.research_details .detail--header .detail--header-left .item-heading a {
    color: #000;
    text-decoration: underline;
}

.research_details .detail--header .detail--header-left .who_made {
    color: #000;
    text-decoration: underline;
    margin-bottom: 10px;
    display: block;
}

.research_details .detail--header .detail--header-left .research--status {
    /* margin-left: auto;*/
    margin: 5px 10px;
}

@media (max-width: 600px) {
    .research_details .detail--header .detail--header-left .research--status {
        margin: 10px 0;
    }
}

.research_details .detail--header .detail--header-left .research--status > span {
    padding: 5px 8px;
    font-size: 14px;
    background: #ddd;
    border-radius: 25px;
    color: #000000;
    font-weight: bold;
}

@media (max-width: 768px) {
    .research_details .detail--header .detail--header-left .research--status > span {
        padding: 6px 10px;
    }
}

.research_details .detail--header .detail--header-left .research--status span.scheduled {
    background-color: #F0D283;
}

.research_details .detail--header .detail--header-left .research--status span.canceled {
    background-color: #F99898;
}

.research_details .detail--header .detail--header-left .research--status span.approved {
    background-color: #8EF19E;
}

.research_details .detail--header .download-research {
    margin-left: auto;
    margin-top: 10px;
}

@media (max-width: 768px) {
    .research_details .detail--header .download-research {
        margin-left: 0;
    }
}

.research_details .detail--header .download-research a {
    background-color: #258E73;
    color: #fff;
    border-radius: 0;
    display: flex;
    align-items: center;
    border: 0;
    padding: 10px 20px;
}

@media (max-width: 768px) {
    .research_details .detail--header .download-research a {
        padding: 7px 15px;
    }
}

.research_details .detail--header .download-research a:focus {
    background-color: #258E73;
}

.research_details .detail--header .download-research a:active {
    background-color: #258E73;
}

.research_details .detail--header .download-research a img {
    width: 25px;
    margin-right: 5px;
}

@media (max-width: 768px) {
    .research_details .detail--header .download-research a img {
        width: 20px;
    }
}

.research_details .detail--body {
    padding: 20px;
    background-color: #fff;
    border: 1px solid #FBF4E0;
}

    .research_details .detail--body .inner-content {
        margin-bottom: 15px;
    }

        .research_details .detail--body .inner-content h4 {
            color: #000;
            font-weight: bold;
            margin-bottom: 10px;
            font-family: 'nunito bold';
        }

        .research_details .detail--body .inner-content p {
            line-height: 1.7;
            margin-bottom: 10px;
            border-bottom: 1px solid #ddd;
            padding-bottom: 20px;
            font-family: 'nunito regular';
        }

        .research_details .detail--body .inner-content a {
            color: #000;
            text-decoration: underline;
            line-height: 1.7;
        }

            .research_details .detail--body .inner-content a:not(:last-child)::after {
                content: ',';
                margin: 0 5px;
            }

    .research_details .detail--body .action_btns {
        display: flex;
        align-items: center;
        padding: 20px 0;
    }

@media (max-width: 600px) {
    .research_details .detail--body .action_btns {
        flex-direction: column;
    }
}

.research_details .detail--body .action_btns > a {
    background-color: #258E73;
    color: #fff;
    border-radius: 0;
    display: flex;
    align-items: center;
    border: 0;
    padding: 10px 20px;
    margin-right: 10px;
}

@media (max-width: 600px) {
    .research_details .detail--body .action_btns > a {
        width: 100%;
        margin-bottom: 10px;
        justify-content: center;
    }
}

.research_details .detail--body .action_btns > a:focus {
    background-color: #258E73;
}

.research_details .detail--body .action_btns > a:active {
    background-color: #258E73;
}

.research_details .detail--body .action_btns > a span {
    margin: 0 5px;
}

.research_details .detail--body .action_btns a.back {
    background-color: #757575;
}

    .research_details .detail--body .action_btns a.back img {
        width: 20px;
        transform: rotate(180deg);
        filter: brightness(0) invert(1);
    }

.research_details .detail--body .action_btns .btn-danger {
    background-color: #BC2126;
    /*margin: 0 10px;*/
}

    .research_details .detail--body .action_btns .btn-danger:focus {
        background-color: #BC2126;
    }

    .research_details .detail--body .action_btns .btn-danger:active {
        background-color: #BC2126;
    }

    .research_details .detail--body .action_btns .btn-danger img {
        transform: rotate(45deg);
    }

/*start footable*/
table {
    background-color: #ffffff;
}

.footable-header {
    background-color: #258e73 !important;
    color: #fff;
}

    .footable-header th {
        padding: 20px .75rem;
    }

.fooicon {
    font-size: 20px;
    padding: 0 5px;
    cursor: pointer;
}

.footable-first-visible {
    white-space: nowrap;
}

.footable-details span {
    white-space: nowrap;
}

@media (max-width: 600px) {
    .footable-details span {
        white-space: unset;
    }
}

.footable-details th {
    background-color: #eff3f1;
    border-bottom: 2px solid #fff;
    border-left: 3px solid #d0e8da;
}

.footable-details th,
.footable-details td {
    line-height: 1.5;
}

.flexx {
    display: flex;
    align-items: center;
}

@media (max-width: 600px) {
    .flexx {
        flex-direction: column;
    }

        .flexx a {
            width: 100%;
            margin-bottom: 6px !important;
        }
}

tr:not(:first-child) span.footable-toggle {
    opacity: 1 !important;
    color: #258e73;
    font-weight: bold;
}

.btn-small {
    display: flex;
    align-items: center;
}

    .btn-small img {
        width: 15px;
        margin-right: 5px;
    }

    .btn-small span {
        font-size: 14px;
    }

    .btn-small.btn-danger img {
        transform: rotate(45deg);
    }

.footable-details .footable-header span {
    color: #212529;
}

.custom-file-label {
    border-radius: 0;
}

.custom-file {
    height: 40px;
}

.custom-file-input:focus {
    outline: 0;
    box-shadow: none;
}

    .custom-file-input:focus ~ .custom-file-label {
        border-color: #d2d2d2;
        box-shadow: none;
    }

.custom-file-label::after {
    color: #fff;
    content: "Browse";
    background-color: #258e73;
    border-left: inherit;
    border-radius: 0;
}

.input--group {
    position: relative;
}

    .input--group .input-group-append {
        position: absolute;
        top: 1px;
        right: 1px;
        background: #f7f2be;
        padding: 7px;
        height: 38px;
        cursor: pointer;
    }

.icon-btn img {
    width: 25px;
    height: auto;
}

.datepicker-dropdown:before {
    border-bottom: 0;
}

.datepicker-dropdown:after {
    border-bottom-color: #f7f4df;
}

.datepicker {
    border-radius: 0;
    border: 0;
    padding: 0;
    box-shadow: 0px 5px 15px #ece9e9;
    z-index: 9999 !important;
}

    .datepicker thead {
        background-color: #f7f4df;
    }

        .datepicker thead th {
            border-radius: 0 !important;
        }

    .datepicker .day {
        width: 40px;
        height: 30px;
        border-radius: 0;
    }

        .datepicker .day.active {
            background-color: #258E73 !important;
        }

.fooicon-loader:before {
    /*Old Glyph - content: "\e030";*/
    content: '' !important;
}

div.footable-loader > span.fooicon {
    animation: none;
}

div.footable-loader {
    background: url("../../images/logo_load.svg") no-repeat;
    background-size: 150px;
    background-position: center center;
}

.container-login-user,
.container-change-password,
.container-reset-password {
    background-color: #fff;
    border: 1px solid #f2f2f2;
    padding: 20px;
    box-shadow: 5px 15px 20px #d7dada;
}

@media (min-width: 991px) {
    .container-login-user,
    .container-change-password,
    .container-reset-password {
        max-width: 50%;
    }
}

@media (max-width: 600px) {
    .container-login-user .float-left,
    .container-change-password .float-left,
    .container-reset-password .float-left {
        width: 100%;
    }

        .container-login-user .float-left input,
        .container-change-password .float-left input,
        .container-reset-password .float-left input {
            width: 100%;
            margin-top: 10px;
        }

    .container-login-user .float-right,
    .container-change-password .float-right,
    .container-reset-password .float-right {
        width: 100%;
    }

        .container-login-user .float-right a,
        .container-change-password .float-right a,
        .container-reset-password .float-right a {
            font-size: 14px;
            margin-top: 25px;
        }
}

.container-login-user .float-right,
.container-change-password .float-right,
.container-reset-password .float-right {
    /* a:first-child {
            background: #555;
            border-color: #444;
        }*/
}

    .container-login-user .float-right a:nth-child(2),
    .container-change-password .float-right a:nth-child(2),
    .container-reset-password .float-right a:nth-child(2) {
        background: #53b39a;
        border-color: #53b39a;
    }

    .container-login-user .float-right a.btn-danger,
    .container-change-password .float-right a.btn-danger,
    .container-reset-password .float-right a.btn-danger {
        background-color: #bd2130;
        border-color: #b21f2d;
    }

.container-register-user {
    background-color: #fff;
    border: 1px solid #f2f2f2;
    padding: 20px;
    box-shadow: 5px 15px 20px #d7dada;
}

@media (max-width: 600px) {
    .container-register-user .float-left {
        width: 100%;
    }

        .container-register-user .float-left input {
            width: 100%;
            margin-top: 10px;
        }

    .container-register-user .float-right {
        width: 100%;
        display: flex;
    }

        .container-register-user .float-right a {
            font-size: 14px;
            margin-top: 25px;
            flex-basis: 48%;
        }
}

.container-register-user .float-right a:first-child {
    background: #53b39a;
    border-color: #53b39a;
}

.slider-data a {
    border-radius: 25px;
    background-color: #F0D283 !important;
    border-color: #F0D283 !important;
    color: #000;
    padding: 10px 15px;
    min-width: 120px;
    display: inline-block;
    text-align: center;
}

    .slider-data a img {
        display: none;
    }

/* styles 29042021*/
@media (min-width: 1400px) {
    .country_flags a img {
        width: 110px;
        transition: all 0.3s ease-in-out;
    }

    .country_flags {
        margin-top: -70px;
    }
}

@media (max-width: 990px) {
    .country_flags {
        margin-top: 0;
    }
}

@media (min-width: 991px) {
    header.water_hdr .hdr_wrapper {
        justify-content: space-between;
    }

        header.water_hdr .hdr_wrapper .search_right {
            margin-left: 0;
        }
}

.main-title h3,
.home-news .home-news-cards .news--data h3 {
    font-family: 'nunito bold';
}

.breadcrumb-container {
    background-color: rgba(194, 220, 208, 0.45);
    padding: 15px;
}

    .breadcrumb-container .breadcrumb {
        margin: 0 !important;
    }

.container-researches {
    padding: 0;
}

.container-new-research {
    padding: 20px;
    background-color: #fff;
    box-shadow: 10px 10px 0 #e8e7e7;
}

.container-my-downLoad-researches {
    padding: 0;
}

.container-my-researches {
    padding: 0;
}

.table-list {
    box-shadow: 10px 10px 0 #e8e7e7;
}

.container-researches-need-to-approved {
    padding: 0;
}

.links-card-view .inner-card {
    display: flex;
    align-items: center;
    background-color: #fff;
    transition: background 0.5s ease-in-out;
    margin-bottom: 20px;
}

    .links-card-view .inner-card .card_icon {
        padding: 15px;
        flex-basis: 30%;
        height: 80px;
        /*background: rgb(11,103,126);*/
        background: linear-gradient(42deg, #0b677e 0%, #0c7c60 83%);
        color: #fff;
        line-height: 50px;
        text-align: center;
        transition: background 0.5s ease-in-out;
    }

        .links-card-view .inner-card .card_icon img {
            width: 60px;
            height: 45px;
        }

    .links-card-view .inner-card .card--title {
        padding: 20px;
        font-size: 1.15rem;
        color: #333;
        display: block;
        font-family: 'nunito bold';
    }

    .links-card-view .inner-card:hover .card_icon {
        background: linear-gradient(42deg, #0b677e 44%, #0c7c60 100%);
        transition: background 0.5s ease-in-out;
    }

    .links-card-view .inner-card:hover .card--title {
        color: #0b6a52;
    }

.profile_card {
    background-color: #ffffff;
    margin-bottom: 20px;
}

    .profile_card .profile_card-header {
        background: linear-gradient(42deg, #0b677e 0%, #0c7c60 83%);
        padding: 15px;
        display: flex;
        align-items: center;
    }

        .profile_card .profile_card-header img {
            width: 40px;
        }

        .profile_card .profile_card-header .profile_name-head {
            margin-left: 10px;
            color: #ffffff;
        }

            .profile_card .profile_card-header .profile_name-head h4 {
                margin-bottom: 5px;
                color: #ffffff;
                font-family: 'nunito bold';
            }

            .profile_card .profile_card-header .profile_name-head p {
                font-size: 0.8rem;
            }

        .profile_card .profile_card-header .btn-edit {
            display: flex;
            align-items: center;
            background-color: #fff;
            border-radius: 30px;
            margin-left: auto;
            padding: 3px 10px;
            font-size: 0.9rem;
        }

            .profile_card .profile_card-header .btn-edit img {
                width: 16px;
                margin-right: 5px;
            }

    .profile_card .profile_card-body {
        padding: 15px 10px;
    }

        .profile_card .profile_card-body ul li {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
            padding: 5px 10px;
        }

            .profile_card .profile_card-body ul li img {
                margin-right: 10px;
                width: 16px;
            }

            .profile_card .profile_card-body ul li span {
                font-size: 0.8rem;
            }

.serach-organization {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e8e8e8;
}

    .serach-organization .form-group {
        flex-basis: 50%;
    }

    .serach-organization label {
        font-size: 1.3rem;
        margin-right: 10px;
        color: #3E5C76;
        font-family: 'nunito bold';
        padding-left: 10px;
        border-left: 3px solid #3E5C76;
    }

@media (max-width: 768px) {
    .serach-organization {
        flex-direction: column;
        align-items: flex-start;
    }

        .serach-organization .form-group {
            flex-basis: 100%;
            width: 100%;
            margin-top: 20px !important;
        }
}

.international_org_list {
    /*background-color: #fff;
    border: 1px solid #f2f2f2;
    padding: 20px;
    box-shadow: 5px 15px 20px #d7dada;*/
}

    .international_org_list .org_list-card {
        background-color: #ffffff;
        margin-bottom: 20px;
        /*.org_list-cardImg.blue_bg {
            background-color: #116AAB;
        }*/
    }

.list--item-body a img {
    display: none;
}

@media (max-width: 768px) {

    .international_org_list .org_list-card {
        min-height: auto;
    }
}

.international_org_list .org_list-card .org_list-cardImg {
    /*padding: 20px;*/
    background-color: #eeeeee;
    /*height: 140px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    min-height: 220px;
    height: 100%;
    /*.unep {
                width: 180px;
                height: 105px;
            }*/
}

    .international_org_list .org_list-card .org_list-cardImg img {
        width: 100%;
        transition: transform 0.3s ease-in-out;
    }

.international_org_list .org_list-card .org_list-cardData {
    padding: 15px;
}

    .international_org_list .org_list-card .org_list-cardData a {
        color: #262626;
        line-height: 1.5;
        font-family: 'nunito bold';
    }

.international_org_list .org_list-card:hover img {
    transform: scale(1.03);
    transition: transform 0.3s ease-in-out;
}

.mailing_list_message.error-msg {
    position: absolute;
    left: 160px;
    bottom: -17px;
    font-size: 0.85rem;
    color: #ef2727;
}

@media (max-width: 990px) {
    .mailing_list_message.error-msg {
        left: 0px;
    }
}

.mailing_list_message.sucess-msg {
    position: absolute;
    left: 160px;
    bottom: -17px;
    font-size: 0.85rem;
    color: #6bcc3a;
}

@media (max-width: 990px) {
    .mailing_list_message.sucess-msg {
        left: 0px;
    }
}

.full_search_conatiner {
    background-color: #fff;
    border: 1px solid #f2f2f2;
    padding: 20px;
    box-shadow: 5px 15px 20px #d7dada;
}

#SearchBox {
    float: none;
    margin-top: 20px;
}

    #SearchBox .ms-srch-sbLarge > .ms-srch-sb-searchLink {
        float: right;
    }

.ms-srch-sbLarge.ms-srch-sb-border {
    background-color: #FFFDF9;
    border: 1px solid #D9D7D4;
    border-radius: 0;
    width: 100% !important;
}

@media (max-width: 768px) {
    .ms-srch-sbLarge.ms-srch-sb-border {
        width: auto !important;
    }
}

#ResultHeader {
    display: flex;
    margin: 0;
}

    #ResultHeader > ul {
        min-width: 500px;
    }

        #ResultHeader > ul select {
            background-color: #FFFDF9;
            border: 1px solid #D9D7D4;
            border-radius: 0;
            width: 100% !important;
            height: 40px;
        }

            #ResultHeader > ul select:focus {
                outline: 0;
            }

.ms-srch-result-groups .ms-srch-item {
    width: 100%;
    margin: 0;
    padding: 10px 20px 20px 20px;
    margin-bottom: 20px;
    border: 1px solid #e7e7e7;
}

.ms-srch-item-deepLinks {
    list-style-type: none;
    border-top: 1px solid #e7e7e7;
}

.ms-srch-item-body {
    position: relative;
    background: transparent;
    padding: 8px 25px 25px 75px;
    border-bottom: none;
}

.ms-srch-item-body {
    position: relative;
    display: block;
}

    .ms-srch-item-body:before {
        content: "";
        position: absolute;
        left: 0;
        background-image: url("../../images/Target.svg");
        width: 57px;
        height: 60px;
        top: 10px;
        background-size: 35px 35px;
        background-repeat: no-repeat;
        background-color: #e7e7e7;
        display: inline-block;
        line-height: 60px;
        background-position: 11px 11px;
        -webkit-transition: all 0.3s ease 0.1s;
        -moz-transition: all 0.3s ease 0.1s;
        -ms-transition: all 0.3s ease 0.1s;
        -o-transition: all 0.3s ease 0.1s;
        transition: all 0.3s ease 0.1s;
    }

    .ms-srch-item-body:hover:before {
        background: #ffdc66;
        background-size: 35px 35px;
        background-image: url(../../images/Target.svg);
        background-repeat: no-repeat;
        background-position: 13px 11px;
    }

.ms-srch-item-title {
    margin: 0;
    padding: 0;
}

.ms-srch-ellipsis {
    color: #258E73;
    font-size: 24px;
    white-space: normal;
}

    .ms-srch-ellipsis a {
        color: #258E73;
    }

.ms-srch-item-summary {
    color: #404040;
    padding: 10px 0;
    font-size: 14px;
    display: block;
}

.ms-srch-item-path {
    color: #c6c6c6;
    display: block;
    width: 100%;
    margin-top: 20px;
}

.ms-srch-item:hover, .ms-srch-resultHover:hover, .edisc-SearchResultItemContainer:hover {
    background: transparent;
}

.ms-srch-hover-outerContainer {
    display: none !important;
}

.ms-srch-result #PagingLink a, .ms-srch-result #Paging a {
    padding: 0.1875rem 0.75rem;
    line-height: 1.42857;
    text-decoration: none;
    color: #898989;
    background-color: #e8e8e8;
    border: 1px solid #e8e8e8;
    margin: 0 2px;
    border-radius: 3px;
    font-weight: normal;
    display: inline-block;
    width: auto;
    height: auto;
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
}

.ms-srch-result #PagingSelf a {
    padding: 0.1875rem 0.75rem;
    line-height: 1.42857;
    text-decoration: none;
    color: #000000;
    background-color: #F0D283;
    border: 1px solid #F0D283;
    margin: 0 2px;
    border-radius: 3px;
    font-weight: normal;
    display: inline-block;
}

.ms-srch-result #ResultCount {
    display: block;
    background: #fdf4db;
    padding: 20px;
    margin-top: -11px;
}

.ms-srch-result #ResultFooter {
    margin: 15px 0 45px 0;
    text-align: center;
}

    .ms-srch-result #ResultFooter li {
        padding: 0 15px;
    }

        .ms-srch-result #ResultFooter li a {
            color: #258E73;
        }

.ms-srch-item-deepLinks .ms-srch-ellipsis a {
    font-size: 20px;
}

@media (max-width: 768px) {
    .top_right_header div > span {
        display: flex;
        align-items: center;
    }

    .btn-group {
        align-items: center;
    }

        .btn-group a.btn.text-light, .top_right_header div > span a.btn.text-light {
            font-size: 14px;
            padding: 2px;
        }

    .ms-srch-sbLarge > input {
        width: auto;
        min-width: auto;
    }

    .full_search_conatiner .ms-webpart-zone.ms-fullWidth {
        display: block;
    }

    .full_search_conatiner .ms-webpart-cell-vertical,
    .full_search_conatiner .ms-webpart-chrome {
        display: block;
    }

    #ResultHeader > ul {
        min-width: auto;
        width: 100%;
    }

    #ResultHeader {
        display: block !important;
    }

    .ms-srch-item-deepLinks-noPreview li {
        width: 100%;
        margin: 0 !important;
        margin-bottom: 10px !important;
    }

    .ms-srch-item-summary {
        line-height: 1.5;
    }
}

@media (max-width: 575px) {

    .ms-srch-item-body:before {
        display: none;
    }

    .ms-srch-item-body {
        padding: 10px;
    }
}

.full_search_conatiner {
    background-color: #fff;
    border: 1px solid #f2f2f2;
    padding: 20px;
    box-shadow: 5px 15px 20px #d7dada;
}

.srch-advancedtable {
    margin: 0;
    border: 0;
    background: transparent;
    padding: 0;
    width: 100%;
}

    .srch-advancedtable td {
        display: block;
        text-align: left;
        padding-bottom: 5px;
        font-size: 1.3em;
        color: #003759;
    }

        .srch-advancedtable td h3.ms-advsearch-header {
            font-size: 1em;
            color: black;
            margin: 0;
            background-color: #e3efea;
            margin-bottom: 20px;
            padding: 20px;
        }

            .srch-advancedtable td h3.ms-advsearch-header div {
                margin-top: 15px;
                margin-bottom: 5px;
            }

        .srch-advancedtable td label {
            display: inline-block;
            max-width: 100%;
            margin-bottom: 5px;
            font-weight: bold;
        }

        .srch-advancedtable td .form-control, .srch-advancedtable td input[type=password], .srch-advancedtable td input[type=text], .srch-advancedtable td input[type=file], .srch-advancedtable td select {
            background-color: #FFFDF9;
            border: 1px solid #D9D7D4;
            border-radius: 0;
            width: 100% !important;
            padding: 2px 5px;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            height: calc(1.5em + .75rem + 2px);
            height: 40px;
        }

        .srch-advancedtable td input[type=submit] {
            background: #258E73;
            border-color: #258E73;
            color: #ffffff;
            border-radius: 0;
            padding: 10px 15px;
            font-size: 16px;
            margin: 0;
            margin-top: 15px;
            height: 40px;
            line-height: 15px;
        }

        .srch-advancedtable td.ms-advsrchtips span {
            color: #003759;
            font-weight: bold;
        }

            .srch-advancedtable td.ms-advsrchtips span a {
                color: #3aa589;
            }

    .srch-advancedtable .ms-advsrchText-v2 {
        margin-bottom: 15px;
    }

.local-menu ul li a {
    padding: 10px 20px 15px !important;
    background-color: transparent !important;
    border-bottom: 1px solid #d3d4d5;
    margin-bottom: 15px;
    border-left: 4px solid #d3d4d5;
    transition: all 0.3s ease-in-out;
}

    .local-menu ul li a:hover {
        border-bottom: 1px solid #b1b4b7;
        border-left: 4px solid #b1b4b7;
        transition: all 0.3s ease-in-out;
    }

.local-menu ul li.selected a {
    border-bottom-color: #258E73;
    border-left-color: #258E73;
}

    .local-menu ul li.selected a span {
        color: #258E73;
    }

table.inline-table td:first-child {
    background-color: #f9f9f9;
    max-width: 240px;
    white-space: nowrap;
}

@media (max-width: 768px) {
    table.inline-table td:first-child {
        max-width: max-content;
    }
}

@media (max-width: 768px) {
    table.inline-table td {
        line-height: 1.6;
    }
}

table.inline-table span {
    display: block;
    margin-top: 8px;
}

/*new styles 11/01/2021*/
.ms-srch-sbLarge-link {
    margin: 20px 0 0;
    display: flex;
    justify-content: center;
}

    .ms-srch-sbLarge-link #AdvancedLink {
        background: #258E73;
        border-color: #258E73;
        color: #ffffff;
        margin-right: 10px;
        padding: 15px 30px;
        font-size: 1.2rem;
    }

.ms-srch-result #ResultHeader {
    display: block;
    margin: 0 0 20px;
}


/*Modal styles*/
.modal .modal-body h5 {
    font-size: 1.3rem;
    margin-bottom: 15px;
    color: #395f81;
    font-weight: bold;
}

.modal .modal-body p {
    line-height: 1.8;
    color: #43544f;
}

.modal .btn {
    border-radius: 0 !important;
}

/*water-dialogue-years*/

.water-dialogue-years {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}

.water-dialogue-item {
    background-color: #ffffff;
    padding: 20px;
    color: #ffffff;
    width: 100%;
    margin-inline-end: 20px;
    min-height: 100px;
    box-shadow: -10px 10px 0 #e8e7e7;
}

    .water-dialogue-item h3 {
        color: #258E73;
        font-size: 1.2rem;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .water-dialogue-item p {
        color: #333333;
        margin: 0;
    }

h3.content-subtitle {
    margin-top: 20px;
    color: #258E73;
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 10px;
}

@media (max-width: 768px) {

    .water-dialogue-years {
        flex-direction: column;
    }

    .water-dialogue-item {
        margin: 0;
        margin-bottom: 25px;
    }
}

/*wd-page-image*/
.wd-page-image {
    margin-bottom: 30px;
}

    .wd-page-image img {
        width: 100%;
    }

.news_card.wd .news_data {
    min-height: 185px;
}

.swiper {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    position: relative;
    padding-bottom: 30px;
    padding-top: 30px;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: 300px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .swiper-slide a {
        width: 100%;
    }

@media (max-width: 990px) {
    .swiper-slide {
        height: auto;
    }
}

/*###########################
Oct 2023 CR
#############################*/

body {
    font-family: "sst medium";
}

.home-banner {
    background: #f1f1f1 url("/Style Library/branding/images/world-bg.jpg") no-repeat;
    background-size: cover;
    min-height: 100vh;
    padding-top: 140px;
}

    .home-banner img {
        width: 100%;
        max-width: 85%;
        margin-left: auto;
        display: block;
        box-shadow: -10px 10px 20px rgba(4, 31, 54, 0.15);
    }

@media (min-width: 1200px) {
    .container {
        max-width: 80%
    }
}


.home-banner-wrapper {
    position: relative
}

    .home-banner-wrapper .g20-declaration {
        background-color: #ffffff;
        padding: 30px;
        max-width: 500px;
        box-shadow: 10px 10px 15px rgba(11, 32, 48,0.15);
        position: absolute;
        top: 45%;
    }

        .home-banner-wrapper .g20-declaration h2 {
            font-size: 1.4rem;
            font-family: "sst bold";
            color: #2093cd;
            margin-bottom: 20px;
        }

        .home-banner-wrapper .g20-declaration p {
            color: #42576a;
            line-height: 1.6;
            font-size: 1.1rem;
            font-family: "sst light";
        }


h2.circle-before {
    position: relative;
    margin-inline-start: 15px;
    font-size: 1.4rem;
    font-family: "sst bold";
    color: #003462;
    margin-bottom: 2.5rem;
}

    h2.circle-before::before {
        content: "";
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: block;
        background-color: #f59515;
        position: absolute;
        left: -20px;
        top: -15px;
        opacity: 0.25;
    }

.presidency-year-btn,
.presidency-year-btn:hover,
.presidency-year-btn:focus {
    margin-inline-start: auto;
    display: flex;
    background-color: #163683;
    align-items: center;
    padding: 0;
    color: #ffffff;
    position: relative;
    max-width: 265px;
}

    .presidency-year-btn:visited {
        color: #fff;
    }

.presidency_section-content .presidency-year-btn {
    margin-right: auto;
}

.presidency-year-btn span {
    padding: 0 20px;
    font-size: 1.4rem;
}

.presidency-year-btn img {
    background-color: #163683;
    width: 50px;
    height: 49px;
    padding: 10px;
    transform: rotate(180deg);
}

/*fix header styles*/

header.water_hdr .top_right_header .media_list {
    color: #003462;
}

header.water_hdr .text-light {
    color: #003462 !important;
}

header.water_hdr .hdr_wrapper {
    background-color: transparent;
    box-shadow: none;
}

    header.water_hdr .hdr_wrapper .logo_brand {
        background-color: transparent;
        clip-path: none;
    }

    header.water_hdr .hdr_wrapper .search_right {
        clip-path: none;
        background-color: transparent;
        width: auto;
        height: auto;
        display: flex;
        align-items: center;
    }

        header.water_hdr .hdr_wrapper .search_right .open_search {
            height: auto;
            display: flex;
            align-items: center;
        }


            header.water_hdr .hdr_wrapper .search_right .open_search img {
                width: 22px;
            }

        header.water_hdr .hdr_wrapper .search_right .media_list {
            display: flex;
            align-items: center;
        }

            header.water_hdr .hdr_wrapper .search_right .media_list .lang {
                margin-inline-end: 6px;
                display: flex;
                align-items: center;
            }

    header.water_hdr .hdr_wrapper .logo_brand img {
        width: auto;
    }

/*start flags section*/
.flags_section {
    display: block;
    padding: 70px 0;
}

.country_flags {
    margin-top: 0 !important;
}

    .country_flags a {
        margin-bottom: 10px;
        flex: 1 1 10%;
    }

.btn {
    padding: 0.75rem 2rem;
}

.btn-primary,
.btn-primary:focus,
.btn-primary:active {
    color: #fff !important;
    background-color: #163683 !important;
    border-color: #163683 !important;
    border-radius: 0;
    padding: 0.75rem 2rem;
    min-width: 10rem;
    font-weight: normal;
}

    .btn-primary.btn-green,
    .btn-primary.btn-green:focus,
    .btn-primary.btn-green:active {
        color: #fff;
        background-color: #48A339 !important;
        border-color: #48A339 !important;
    }

.flags_section .btn-primary.btn-green {
    margin-inline-start: auto;
    display: block;
    margin-top: 30px;
}

/* presidency_section */

.presidency_section .presidency_section-img img {
    width: 100%;
}

.presidency_section {
    position: relative;
    overflow: hidden;
    max-height: 600px;
}

    .presidency_section .presidency_section-content {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        top: 0;
    }

        .presidency_section .presidency_section-content .presidency-content {
            background-color: #ffffff;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 100%;
            max-width: 500px;
            margin-inline-start: auto;
            box-shadow: 0px 10px 30px rgba(4, 31, 54,0.1);
        }

            .presidency_section .presidency_section-content .presidency-content > img {
                width: 270px;
                margin-bottom: 40px;
            }

.presidency_section-content .presidency-content button {
    margin: 0 !important;
}


.presidency_section .presidency_section-content .container {
    height: 100%;
}

.presidency_section-content h3 {
    margin-bottom: 30px;
    font-family: "sst bold";
    font-size: 1.3rem;
    color: #003462;
}

.presidency_section-content p {
    margin-bottom: 30px;
    font-size: 1.3rem;
    color: #003462;
}

.home-news .home-news-cards {
    display: flex;
    margin-bottom: 20px;
    background-color: #f1f5f8;
    flex-direction: column;
}


    .home-news .home-news-cards .news--img {
        padding: 3px;
        flex-basis: auto;
        height: 210px;
        background-color: #ffffff;
        border: 3px solid #f1f5f8;
    }

    .home-news .home-news-cards .news--data {
        flex-basis: auto;
        padding: 10px;
        min-height: 230px;
        display: flex;
        flex-flow: column;
    }


        .home-news .home-news-cards .news--data a {
            margin-top: auto !important;
            display: block;
        }

        .home-news .home-news-cards .news--data h3 {
            font-family: 'sst bold';
            font-weight: normal;
            color: #4789c8;
            margin-bottom: 0;
            min-height: 40px;
        }

        .home-news .home-news-cards .news--data p {
            font-size: 0.9rem;
            /* margin-bottom: 10px; */
            line-height: 1.4;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            font-family: 'sst light';
            margin-top: 10px;
            ;
        }

.water_footer {
    background: #14374d url(../../images/patter-footer.png) no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 220px;
    background-blend-mode: color-burn;
}

    .water_footer .footer_top .mailing_list .form-group .form-control {
        border-radius: 0;
        min-width: 350px;
        border: 0;
        height: 40px;
        background-color: #526f81;
        color: #ffffff;
        font-weight: normal;
    }

    .water_footer .footer_top .mailing_list button {
        line-height: 1.2;
        border-radius: 0;
        min-width: 100px;
        height: 40px;
        margin: 0;
    }

    .water_footer .footer_bottom .footer_bottom-links {
        width: 100%;
        font-family: 'sst light';
        justify-content: flex-end;
    }

    .water_footer .footer_bottom p.copyright {
        font-family: 'sst light';
        opacity: 0.7;
    }

    .water_footer .footer_top > img {
        filter: invert(1) brightness(3) grayscale(1);
        width: 200px;
    }
/* start inner pages */
.header_sec {
    background: #ffffff url(../../images/inner-water-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center 40%;
    width: 100%;
    height: 300px;
    display: flex;
    align-items: flex-end;
    position: relative;
}

section.header_sec::after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #003462, #ffffff);
    position: absolute;
    opacity: 0.4;
}

/* start search iunput */

header.water_hdr .hdr_wrapper .input_search {
    box-shadow: 5px 10px 20px #ddd;
}

    header.water_hdr .hdr_wrapper .input_search .form-control {
        height: auto;
        padding: 0.75rem 1rem;
    }

.footer_top .mailing_list .form-control::placeholder {
    color: #f5f5f5;
    font-weight: normal;
    font-size: 0.9rem;
}

header.water_hdr .hdr_wrapper .navBar-nav ul li a {
    color: #003462;
    font-size: 14px;
    font-weight: normal;
    font-family: 'sst medium';
}

.main--content .container {
    padding: 0;
}

.page--inner-content {
    background-color: #ffffff;
    padding: 30px;
}

    .page--inner-content .text-content * {
        font-size: 1rem !important;
        color: #35404a;
        line-height: 1.6 !important;
        font-weight: normal !important;
    }


header.water_hdr .text-light {
    color: #2e4f6c !important;
    font-family: 'sst light';
    padding: 0.75rem 0.25rem;
}

.research_list .research_list--item .list--item-body .btn-more img {
    display: none;
}

.contactus-form {
    padding: 25px;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    background-color: #ffffff;
}

    .contactus-form .label-title-container span {
        font-size: 0.9rem;
        color: #3f4a54;
    }

    .contactus-form .form-group {
        flex: 1 1 48%;
        margin: 0 6px 12px;
    }

        .contactus-form .form-group:last-child {
            flex: 1 1 100%;
        }

    .contactus-form h3 {
        font-size: 1.3rem;
        margin-bottom: 10px;
        color: #258E73;
        flex: 1 1 100%;
    }

/*responsive*/

@media (max-width: 768px) {
    .water_footer .footer_top {
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start !important;
    }

        .water_footer .footer_top > img {
            width: 200px;
        }

        .water_footer .footer_top .mailing_list {
            flex-direction: column;
            align-items: flex-start;
            margin-top: 30px;
        }

    .water_footer .footer_bottom .footer_bottom-links {
        justify-content: flex-start;
        flex-wrap: wrap;
        line-height: 1.8;
    }
}

@media(max-width:820px) {
    header.water_hdr .hdr_wrapper .logo_brand img {
        width: 80% !important;
    }

    .home-banner-wrapper .g20-declaration h2 {
        font-size: 1em;
    }

    .home-banner-wrapper .g20-declaration {
        padding: 20px;
        top: 29%;
        max-width: 330px;
    }

        .home-banner-wrapper .g20-declaration p {
            font-size: 0.8rem;
        }

    .presidency-year-btn, .presidency-year-btn:hover, .presidency-year-btn:focus {
        margin-top: 0;
    }

    .home-banner {
        min-height: 40rem;
    }

    .water_footer .footer_bottom .footer_bottom-links {
        justify-content: flex-start;
        flex-wrap: wrap;
        line-height: 1.3;
    }

    .flags_section {
        max-height: 35rem;
    }
}

@media (max-width: 575px) {

    header.water_hdr .text-light {
        font-size: 0.8rem;
        padding: 0 !important;
        color: #2e4f6c !important;
        font-family: 'sst light';
        margin-top: 15px;
    }

    .home-banner .home-banner-wrapper img {
        max-width: 100%;
        box-shadow: -10px 10px 20px rgba(4, 31, 54, 0.05);
    }

    .presidency_section {
        min-height: 20rem;
    }

    .home-banner-wrapper .g20-declaration {
        position: relative;
        transform: translateY(-30px);
        max-width: 90%;
        box-shadow: 0px 10px 15px rgba(11, 32, 48,0.1);
    }

    .presidency-year-btn, .presidency-year-btn:hover, .presidency-year-btn:focus {
        margin-top: 0;
    }

    .home-banner .home-banner-wrapper + .presidency-year-btn {
        transform: translateY(-30px);
        margin-right: auto;
        width: 100%;
        margin-left: 0;
        max-width: 90%;
    }

    .presidency_section .presidency_section-content .presidency-content {
        height: auto;
    }

        .presidency_section .presidency_section-content .presidency-content > img {
            max-width: 180px;
            margin-bottom: 20px;
        }

        .presidency_section .presidency_section-content .presidency-content h3 {
            font-size: 1.1rem;
        }

        .presidency_section .presidency_section-content .presidency-content p {
            font-size: 1rem;
        }

    .home-banner {
        min-height: 65vh;
        padding-top: 110px;
    }

    .flags_section {
        min-height: 40vh;
        max-height: 40rem;
    }

    .home-banner-wrapper .g20-declaration h2 {
        font-size: 1.1rem;
        line-height: 1.6;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .home-banner-wrapper .g20-declaration p {
        font-size: 1rem;
    }

    .presidency-year-btn span {
        padding: 0 20px;
        font-size: 1.2rem;
    }

    .page--inner-content .text-content {
        font-size: 0.9rem;
    }

    .home-banner-wrapper .g20-declaration {
        position: relative;
    }

    header.water_hdr .text-light {
        padding: 0;
        font-size: 13px;
        margin-top: 10px;
    }

    .water_footer .footer_top .mailing_list .form-group .form-control {
        min-width: auto;
        width: 170px !important;
    }

    .research_details .detail--body .inner-content a {
        word-break: break-all;
    }

    .research_details {
        box-shadow: none;
    }

    table.inline-table tr {
        display: flex;
        flex-direction: column;
    }

    table.inline-table td {
        width: 100%;
        max-width: 100% !important;
        white-space: normal;
        direction: ltr;
    }

    .news-content img {
        width: 100%;
    }

    .research_details .detail--body .inner-content p {
        word-break: break-all;
    }
}



.digital-stamp-card {
    padding: 8px 32px;
    background: #F3F4F6;
}

    .digital-stamp-card .digital-stamp-header {
        display: flex;
        align-items: center;
        gap: 10px;
    }

        .digital-stamp-card .digital-stamp-header h6 {
            margin: 0px;
            color: #161616;
            font-size: 14px;
        }

        .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card {
            cursor: pointer;
        }

            .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card span {
                color: #1B8354;
                font-size: 14px;
            }

            .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card svg,
            .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card img {
                transition: 0.3s;
            }

        .digital-stamp-card .digital-stamp-header.open .btn-digital-stamp-card svg,
        .digital-stamp-card .digital-stamp-header.open .btn-digital-stamp-card img {
            transform: rotate(180deg);
        }

.btn-digital-stamp-card img {
    margin-right: 4px;
    margin-left: 4px;
}

.digital-stamp-card .digital-stamp-body {
    padding-top: 40px;
    padding-bottom: 32px;
    display: none;
}

    .digital-stamp-card .digital-stamp-body .digital-stamp-container {
        margin-bottom: 32px;
        display: flex;
        gap: 32px;
    }

        .digital-stamp-card .digital-stamp-body .digital-stamp-container .box {
            display: flex;
            align-items: flex-start;
            gap: 18px;
        }

            .digital-stamp-card .digital-stamp-body .digital-stamp-container .box .img-border-rounded {
                padding: 14px 16px;
                display: flex;
                align-items: center;
                justify-content: center;
                border: 1px solid #067647;
                border-radius: 100%;
            }

            .digital-stamp-card .digital-stamp-body .digital-stamp-container .box h6 {
                margin-top: 0px;
                margin-bottom: 12px;
                color: #161616;
                font-size: 18px;
            }

            .digital-stamp-card .digital-stamp-body .digital-stamp-container .box .green-text {
                color: #1B8354;
            }

            .digital-stamp-card .digital-stamp-body .digital-stamp-container .box p {
                margin: 0px;
                color: #384250;
                font-size: 16px;
            }

    .digital-stamp-card .digital-stamp-body .stamp-link-box {
        padding: 8px 28px;
        display: flex;
        align-items: center;
        gap: 12px;
        border-radius: 8px;
        background: #FFF;
    }

        .digital-stamp-card .digital-stamp-body .stamp-link-box p {
            margin: 0px;
            color: #161616;
            font-size: 16px;
        }

        .digital-stamp-card .digital-stamp-body .stamp-link-box a {
            color: #1B8354;
            font-size: 16px;
            text-decoration: underline;
        }

.stamp-ar {
    direction: rtl;
}

.stamp-en {
    direction: ltr;
}

@media (max-width: 768px) {
    .digital-stamp-card {
        padding: 8px 16px;
    }

        .digital-stamp-card .digital-stamp-header {
            flex-wrap: wrap;
        }

            .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card {
                flex: 100%;
                margin-right: 33px;
            }

        .digital-stamp-card .digital-stamp-body .digital-stamp-container {
            flex-direction: column;
        }

    [dir="ltr"] .digital-stamp-card .digital-stamp-header .btn-digital-stamp-card {
        margin-right: 0px;
        margin-left: 33px;
    }
}


.digitalStamp {
    padding: 8px 0;
    background: #F3F4F6;
}

    .digitalStamp .title {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
        line-height: 20px;
        font-size: 14px;
        font-weight: 500;
    }

        .digitalStamp .title svg.flag {
            width: 14px;
            height: 20px;
        }

        .digitalStamp .title a {
            display: flex;
            align-items: center;
            gap: 2px;
            line-height: 20px;
            font-size: 14px;
            font-weight: 500;
            color: #1b8354;
        }

            .digitalStamp .title a:focus {
                box-shadow: none !important;
            }

            .digitalStamp .title a svg {
                width: 16px;
                height: 16px;
                padding: 3px;
                transition: 0.3s;
            }

            .digitalStamp .title a[aria-expanded=true] svg {
                transform: rotate(180deg) !important;
            }

    .digitalStamp .card-body {
        background: transparent;
        padding: 0;
        border: 0;
        margin-block-start: 40px;
        margin-block-end: 30px;
    }

@media (max-width: 767px) {
    .digitalStamp .card-body .row .col-md-6:nth-child(1) {
        margin-block-end: 1rem;
    }
}

.digitalStamp .card-body .cards {
    display: flex;
}

@media (min-width: 768px) {
    .digitalStamp .card-body .cards {
        gap: 24px;
    }
}

@media (max-width: 767px) {
    .digitalStamp .card-body .cards {
        gap: 12px;
    }
}

.digitalStamp .card-body .cards .icon {
    border: 1px solid #067647;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .digitalStamp .card-body .cards .icon {
        width: 48px;
        height: 48px;
    }
}

@media (max-width: 767px) {
    .digitalStamp .card-body .cards .icon {
        width: 32px;
        height: 32px;
    }
}

@media (min-width: 768px) {
    .digitalStamp .card-body .cards .icon svg {
        width: 24px;
        height: 24px;
    }
}

@media (max-width: 767px) {
    .digitalStamp .card-body .cards .icon svg {
        width: 16px;
        height: 16px;
    }
}

.digitalStamp .card-body .cards .box {
    width: 85%;
}

    .digitalStamp .card-body .cards .box > div {
        line-height: 28px;
        font-size: 18px;
        font-weight: 600;
        margin-block-end: 12px;
    }

        .digitalStamp .card-body .cards .box > div span {
            color: #1B8354;
        }

    .digitalStamp .card-body .cards .box > p {
        line-height: 24px;
        font-size: 16px;
        font-weight: 400;
        color: #384250;
        margin-block-end: 0px;
    }

.digitalStamp .card-body .dga {
    margin-block-start: 32px;
    background: white;
    padding: 8px 24px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    gap: 24px;
}

    .digitalStamp .card-body .dga > div {
        display: flex;
        align-items: center;
        gap: 12px;
    }

@media (max-width: 767px) {
    .digitalStamp .card-body .dga > div {
        flex-direction: column;
        align-items: start;
    }
}

.digitalStamp .card-body .dga a {
    text-decoration: underline;
    color: #1b8354;
}